body{
    width: 100%;
    height: 100%;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.header{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 66;
    background: #FFFFFF;   
    .left{
        width: 20%;         
        .weixin{
            width: 100%;                      
          img{
            .px2rem(width,70);
            .px2rem(height,60);
            padding: 5%;
        }  
        }               
        
    }
    .center{
        width: 58%;
        p{
            text-align: center;
            .px2rem(font-size,32);
            padding-top: 1%;
        }
    }
    .right{
        width: 22%;
          .sousuo{
            width: 100%;          
            img{             
              .px2rem(width,70);
              .px2rem(height,60);
               padding-top: 5%;
            }   
          }        
          .quan{
            img{
               .px2rem(width,70);
               .px2rem(height,60);
                padding-top: 5%; 
            }
                                
          } 
                  
    }
}
.carousel {
   margin-top: 9%;
    .item{
       img{
           width: 100%;
       }
   }
}
 .option{
     display: flex;
     dl{
         width: 20%;
         text-align: center;
         dt{
             padding-top: 8%;
           img{
             .px2rem(width,85);
             .px2rem(height,80);
             padding-top: 2%;  
           }  
         }
         dd{
           .px2rem(font-size,24);
           padding: 5%;  
         }
     }
 }  
.easys{
    background: #ccc;
    width: 100%;
    height: 100%;
    display: flex;
   
    .recreation{
       width: 30%;
       background: #FFFFFF;
       margin: 2%;     
       .zuo{
           width: 15%;
           height: 100%;
           float: left;
           p{
              text-align: center;
             .px2rem(font-size,32); 
             font-weight: 800; 
             padding: 2%;
           }
       }
       dl{
           width: 100%;        
           padding-left: 17%;
           .epi1{
               padding: 3%;
               img{
                  .px2rem(width,58);
                  .px2rem(height,58);                  
               }
           }
           .epi2{
              img{
                  .px2rem(width,175);
                  .px2rem(height,183);
                 
               } 
           }
           dd{
              .px2rem(font-size,24);
               padding: 2%; 
               font-weight: 300;
               text-align: center;
           }
       }
    }
    .youbian{
       width: 30%;
       background: #FFFFFF;
       margin: 2%;
       .zuo1{
          width: 15%;
         height: 100%;
         float: left;
          p{
             text-align: center;
             .px2rem(font-size,32); 
             font-weight: 800; 
             padding: 2%;
           } 
       } 
       .youb1{
         width: 100%;
         padding-left: 17%;
          .epi1{
               padding: 3%;
               img{
                  .px2rem(width,58);
                  .px2rem(height,58);                  
               }
           }
          .epi2{
              width: 100%;
              span{
                  width: 50%;
                  float: left;
                  padding: 4%;
                  img{
                     .px2rem(width,80);
                     .px2rem(height,72);  
                  }
              }
          } 
          dd{
              .px2rem(font-size,24);
               padding: 2%; 
               font-weight: 300;
               text-align: center;
           }
       }
    }
}
.diebang{
    .wenzi{
        width: 100%;
        display: flex;
        justify-content: space-between;
        p{
         .px2rem(font-size,24); 
         font-weight: 500;
         padding: 2%;  
        }
        .huise{
            color: #CCCCCC;
        }
    }
    dl{
        width: 30%;
        float: left;
        margin-left: 2%;
        dt{
            img{
              .px2rem(width,223);
              .px2rem(height,284);  
            }
        }
        dd{
           .px2rem(font-size,28);
           font-weight: 500;        
        }
        .dts{
           img{
              .px2rem(width,181);
              .px2rem(height,23);  
            } 
        }
    }
} 
.celebrity{
    .celebrity-top{
        width: 100%;
        display: flex;
        justify-content: space-between;
        p{
         .px2rem(font-size,24); 
         font-weight: 500;
         padding: 2%;  
        }
        .huise{
            color: #CCCCCC;
        } 
    }
    dl{
        width: 25%;
        float: left;
        text-align: center;
        dt{
            padding: 3%;
            img{             
              .px2rem(width,135);
              .px2rem(height,135);                 
            }
        }
        dd{
          .px2rem(font-size,28);
           font-weight: 500;       
        }
    }
}
.video{
    padding-bottom: 17%; 
     .video-top{      
        width: 100%;
        display: flex;
        justify-content: space-between;
        p{
         .px2rem(font-size,24); 
         font-weight: 500;
         padding: 2%;  
        }
        .huise{
            color: #CCCCCC;
        } 
    }
    .bofang{
        width: 100%;
        padding: 1%;            
        .bo-left{
            float: left;  
            width: 38%;                  
            img{
              .px2rem(width,275);
              .px2rem(height,315);
               padding: 3%;  
            }
        }
        h3{
          .px2rem(font-size,42);
           font-weight: 500;    
        }
        .guan1{
          .px2rem(font-size,34);
           font-weight: 400;
           color: #CCCCCC;
           padding: 1%;     
        }
        .guan2{
          .px2rem(font-size,38);
           font-weight: 500;      
        }
        .guan3{
          .px2rem(font-size,34);
           font-weight: 400;
           color: #CCCCCC;
           padding: 1%;       
        }
         .guan4{
          .px2rem(font-size,38);
           font-weight: 500;      
        }
        .guan5{
          .px2rem(font-size,34);
           font-weight: 400;
           color: #CCCCCC;
           padding: 1%;       
        }
    }
    
}
.tail{
    position: fixed;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
     width: 100%;
    ul{
        display: flex;      
        li{
            width: 20%;          
            padding: 3%;  
            img{
              .px2rem(width,90);
              .px2rem(height,78);
                 
            }
        }
    }
}



























   